<script setup>
import { imgUrl } from "../../../utils/global";

</script>

<template>
  <view class="app-order">
    <view class="order-header">
      <view class="input-wrapper">
        <view class="input-container">
          <uni-icons type="search" size="24" color="#808080"></uni-icons>
          <input type="text" placeholder="搜索商品" />
        </view>
        <text>搜索</text>
      </view>
    </view>

    <view class="order-list">
      <view class="order-item" v-for="index in 30" :key="`order-item-${index}`">
        <view class="order-item-header">
          <text class="order-title">上海金山区亭林医院体检中心</text>
          <text class="order-state">申请中</text>
        </view>
        <view class="order-detail">
          <image
            :src="imgUrl('/static/img/imgs/order-img.png')"
            mode="aspectFill"
          ></image>
          <view class="order-content">
            <view>
              <text>父母高级双人套餐</text>
            </view>
            <text>购买数量：1</text>
            <text>退款：￥67</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<style src="./style.scss" scoped />
